<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=yes">

    <meta content="telephone=yes,email=yes" name="format-detection">
    <!--//自动识别电话号码和邮箱-->

    <meta content="yes" name="apple-mobile-web-app-capable">
    <!--//苹果手机：会删除默认的工具栏和菜单栏，网站开启对web app程序的支持-->
    <meta name="apple-mobile-web-app-status-bar-style" content="default"/>
    <!--//苹果手机：在web app应用下状态条（屏幕顶部条）的颜色,默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。-->
    <meta name="apple-touch-fullscreen" content="yes"/>
    <!--//苹果手机：如果把一个web app添加到了主屏幕中，那么从主屏幕中打开这个web app则全屏显示-->
    <link rel="apple-touch-icon" href="images/HTML5_Badge_64.png"/>
    <!--//苹果手机：将应用添加到手机主屏幕，会有一个icon可以直接进入-->
    <title>有收入</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <!--初始化样式-->
    <link rel="stylesheet" href="css/reset.css">
    <!--共用样式-->
    <link rel="stylesheet" href="css/common.css">
    <!--整个网站的局部样式-->
    <link rel="stylesheet" href="css/style.css">
    <!--适配样式-->
    <link rel="stylesheet" href="css/styleMedia.css">
</head>
<body style="background-color: #f4f9fd;">

<!--header begin-->
<header class="header-border-bt">
    <div id="flexHeader">
        <div class="div1"><a id="back" href="index.html"><img src="images/icon_arrow_left.png"></a></div>
        <div class="div2">我的消息</div>
        <div class="div3"></div>
    </div>
</header>
<!--header end-->

<!--Bring out the details begin-->
<article class="height-padding myNews" id="liList">
    <!--<li onclick="pageJump(this)" name="systemMessage">
        <div>
            <img src="images/logo.png">
        </div>
        <div>
            <p>系统消息</p>
            <time>您的身份证绑定审核未通过</time>
        </div>
        <div>
            <money>一天前</money>
        </div>
    </li>-->
</article>
<!--Bring out the details end-->
<script src="js/jquery-1.12.3.min.js"></script>
<script src="js/mui.min.js"></script>
<script src="js/config.js"></script>
<script src="js/common.js"></script>
<script src="js/vconsole.min.js"></script>

<script>
	var vConsole = new VConsole();
	$(document).ready(function(){
		var origin = getUrlParam("origin")
		if (origin) {
			$("#back").attr("href", origin)
		}
		
		$.ajax({
			url:$CONFIG.baseUrl+"/api/message",
			type: 'get',
			beforeSend:function(x){
				x.setRequestHeader("Authorization", localStorage.getItem('token'));
			},
			success: function(data){
				var t = "";
				var m = '<li onclick="detailNews(#3)" name="systemMessage">\
			        <div>\
			            <img src="images/logo.png">\
			        </div>\
			        <div>\
			            <p>系统消息</p>\
			            <time>#1</time>\
			        </div>\
			        <div>\
			            <money>#2</money>\
			        </div>\
			    </li>';
			    if (data.data) {
			    	for(var i=0;i<data.data.length;i++){
	                	t += m.replace("#1",data.data[i].msg)
	                		.replace("#2",data.data[i].ct.substring(0, 10))
	                		.replace("#3",data.data[i].id)
	                }
			    }
                
               $("#liList").html(t);
			},
			errror: function(error){
				console.log('error')
			}
		})
	
	})
</script>

<script>
	function detailNews(id){
		location = ("systemMessage.html?id=" + id)
	}
	
</script>
</body>
</html>